.content {
  .nav-left {
    height: 100%;
    background-color: @bg-color;

    .control-nav {
      padding: 0 1.25rem;
      width: 200px;
      height: 2.5rem;
      font-size: 1rem;
      color: @primary-color;
      background-color: @bg-color;
      line-height: 2.5rem;
      font-weight: 400;
      cursor: pointer;
      transition: width 0.3s;

      img {
        margin-top: 0.625rem;
        width: 1.25rem;
        height: 1.25rem;
      }

      span {
        overflow: hidden;
        margin-left: 0.625rem;
        font-size: 20px;
      }
    }

    .layout-menu {
      // overflow-y: auto;
      // padding-bottom: 0.9375rem;
      // width: 200px;
      // height: 100%;
      // font-size: 1rem;
      // box-shadow: 0.125rem 0.375rem 0.75rem 0 rgb(204 204 204 / 40%);
      // /deep/.ant-menu-submenu-arrow {
      //   display: none;
      // }
    }
  }

  .nav-left-collapsed {
    width: 3.75rem;

    .control-nav {
      width: 3.75rem;
    }

    .layout-menu {
      width: 3.75rem;
    }
  }

  .nav-left-no-collapsed {
    width: 200px;
  }

  .right {
    background: @bg-color;
    border-radius: 6px;
  }

  .nav-right-collapsed {
    width: calc(100% - 5rem);
  }

  .nav-right-no-collapsed {
    width: calc(100% - 13.75rem);
    // width: 100%;
    background-color: #f5f5f5;
  }

  .home {
    padding: 0;
    background: transparent;
  }
}
